	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich" >

	<ui:composition template="/templates/gerenciamentoLojista2.xhtml" >
		<ui:define name="js">
			<h:outputScript library="js" name="jquery.maskedinput-1.2.2.min.js" target="body" />
		</ui:define>
		<ui:define name="css">
			<link rel="stylesheet" type="text/css" href="style/folha.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/styles3.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/folha_lojista4.css" media="screen" />
			<link rel="stylesheet" type="text/css" href="style/lojistaoff.css" media="screen" />
			<style type="text/css">
			body {
				margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			}
			</style>
		</ui:define>
		<ui:define name="mid">
			<h:form>
			
				<div class="inside_extrato">
					<h:form id="formularioExtrato">
						
			        	<div id='cssmenu'>
			          		<ul>
			            		<li>
			            			<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.extratoVendas}" render="@all" >
										<span>EXTRATO DE VENDAS</span>
									</a4j:commandLink>
			            		</li>
			            		<li class='active'>
									<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.extratoRepasses}" render="@all" >
										<span>EXTRATO DE REPASSES</span>
									</a4j:commandLink>
								</li>
			            		<li>
			            			<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.parametros}" render="@all" >
			            				<span>PARÂMETROS</span>
			            			</a4j:commandLink>
			            		</li>
			          		</ul>
			        	</div>
				      			
				      	<h:panelGroup rendered="#{lojistaGerenciamentoVendasBean.telaRepasseVisualizacao}" >
				      			
				      		<div class="lojista_titulo1_1_1a"><img src="images/seta.gif" alt="" width="12" height="22" /></div>
						  	<div class="lojista_titulo1_1a"><img src="images/6px.gif" alt="" width="6" height="6" />Repasse por período</div>
						  	<div class="buscar_vendas_part1a">
						    	<div class="seta"></div>
							    <div class="data1_text">Período</div>
						      	<div class="data1">
						        	<h:inputText value="#{lojistaGerenciamentoVendasBean.dataini}" id="dtInicio">
							    		<f:convertDateTime pattern="dd/MM/yyyy" />
							    	</h:inputText>
							    	<rich:jQuery selector="#formularioExtrato\:dtInicio" query="mask('99/99/9999')" timing="domready" />
						        </div>
						      	<div class="seta">a</div>
					      		<div class="data1">
							        <h:inputText value="#{lojistaGerenciamentoVendasBean.datafim}" id="dtFim">
							    		<f:convertDateTime pattern="dd/MM/yyyy" />
							    	</h:inputText>
							    	<rich:jQuery selector="#formularioExtrato\:dtFim" query="mask('99/99/9999')" timing="domready" />
						        </div>
						        <div class="data9">Situação do repasse</div>
						        <div class="data1data1">
							      	<h:selectOneMenu value="#{lojistaGerenciamentoVendasBean.repasseSelecaoOpcao}" style="width:160px">
					          			<f:selectItems value="#{lojistaGerenciamentoVendasBean.repasseOpcao}" />
					          		</h:selectOneMenu>
				          		</div>
						        <div class="botao_b15" align="right">
						        	<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.buscarRepasses}" execute="@form" render="@all" >
						        		<img src="images/botaobuscar_verde.jpg" alt="" width="58" height="15" />
						        	</a4j:commandLink>
						      	</div>	
							</div>
							
						  	
						  	<div class="buscar_vendas_divisor1"></div>
						  	<div class="buscar_vendas_part3"><strong>Resultado da busca</strong></div>
						  	<div class="buscar_vendas_part4">
						    	<div class="resultado_busca_part1" align="right">Estabelecimento:</div>
							    <div class="resultado_busca_part2">
							    	<h:outputText value="#{lojistaBean.parceiro.nome}" />	
							    </div>
						    	<div class="minibox_conteiner">
						    		<div class="minibox_left1" align="center">Autorizações</div>
							        <div class="minibox_right1" align="center">Repasses</div>
							        <div class="minibox_left2" align="center">Do dia 01 até dia 10</div>
							        <div class="minibox_right2" align="center">dia 08</div>
							      	<div class="minibox_left2" align="center">Do dia 11 até dia 20</div>
							      	<div class="minibox_right2" align="center">dia 18</div>
							      	<div class="minibox_left2" align="center">Do dia 21 até dia 30</div>
						        	<div class="minibox_right2" align="center">dia 28</div>
							    </div>
							    <div class="resultado_busca_part1" align="right">Nome fantasia:</div>
							    <div class="resultado_busca_part2">
							    	<h:outputText value="#{lojistaBean.parceiro.nomeFantasia}" />
							    </div>
							    <div class="resultado_busca_part1" align="right">Período:</div>
							    <div class="resultado_busca_part2">
							    	<h:outputText value="#{lojistaGerenciamentoVendasBean.dataini}">
					      				<f:convertDateTime pattern="dd/MM/yyyy" /> 
					      			</h:outputText> 
					      			a
					      			<h:outputText value="#{lojistaGerenciamentoVendasBean.datafim}">
					      				<f:convertDateTime pattern="dd/MM/yyyy" /> 
					      			</h:outputText> 
							    </div>
						  	</div>
						  	
						  	<div class="buscar_vendas_divisor1"></div>
						    <div class="buscar_vendas_part5">
					      		<table width="99%" border="0" cellpadding="0" cellspacing="1">
						        	<tr id="texto_preto_normal">
						          		<td width="14%" height="26" align="center" bgcolor="#b5dfc9">Data</td>
							          	<td width="6%" align="center" bgcolor="#b5dfc9">Banco</td>
						          		<td width="7%" align="center" bgcolor="#b5dfc9">Ag.</td>
							          	<td width="13%" align="center" bgcolor="#b5dfc9">Conta</td>
							          	<td width="14%" align="center" bgcolor="#b5dfc9">Valor Aut.</td>
							          	<td width="10%" align="center" bgcolor="#b5dfc9">Taxa Adm.</td>
							          	<td width="14%" bgcolor="#b5dfc9">Líquido</td>
						          		<td width="8%" bgcolor="#b5dfc9">Situação</td>
							          	<td width="8%" bgcolor="#b5dfc9">Detalhado</td>
							        </tr>
							        
							        <a4j:repeat value="#{lojistaGerenciamentoVendasBean.itensRepasses}" var="itRepasse">
							        
							        	<h:panelGroup rendered="#{!itRepasse.impar}">
								        	<tr>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.dataRepasse}" >
									          				<f:convertDateTime pattern="dd/MM/yyyy"/>
									          			</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoNumero}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoAgencia}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoContaCorrente} - #{itRepasse.bancoDigito}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.valorBruto}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.valorTaxaAdministracao}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.valorLiquido}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="Fechado" rendered="#{itRepasse.fechado}" />
									          			<h:outputText value="Aberto" rendered="#{!itRepasse.fechado}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#eeeeee">
									          		<span id="texto_preto_normal">
										          		<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.detalharRepasse}" execute="@this" render="@all">
										          			<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.itemRepasseSelecionado}" value="#{itRepasse}" />
										          			<img src="images/olho.jpg" width="17" height="17" />
									          			</a4j:commandLink>
							          					<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.graficoRepasse}" execute="@this" render="@all">
							          					<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.itemRepasseSelecionado}" value="#{itRepasse}" />
							          						<img src="images/grafico.jpg" width="17" height="17" />
							          					</a4j:commandLink>
						          					</span>
						          				</td>
									        </tr>
								        </h:panelGroup>
								        <h:panelGroup rendered="#{itRepasse.impar}">
								        	<tr>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.dataRepasse}" >
									          				<f:convertDateTime pattern="dd/MM/yyyy"/>
									          			</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoNumero}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoAgencia}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.bancoContaCorrente} - #{itRepasse.bancoDigito}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.valorBruto}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="#{itRepasse.valorTaxaAdministracao}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal"><strong>
									          			<h:outputText value="#{itRepasse.valorLiquido}" >
										        			<f:convertNumber type="currency" />
										        		</h:outputText>
									          		</strong></span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
									          			<h:outputText value="Fechado" rendered="#{itRepasse.fechado}" />
									          			<h:outputText value="Aberto" rendered="#{!itRepasse.fechado}" />
									          		</span>
									          	</td>
									          	<td align="center" bgcolor="#d7efe2">
									          		<span id="texto_preto_normal">
										          		<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.detalharRepasse}" execute="@this" render="@all">
										          			<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.itemRepasseSelecionado}" value="#{itRepasse}" />
										          			<img src="images/olho.jpg" width="17" height="17" />
									          			</a4j:commandLink>
							          					<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.graficoRepasse}" execute="@this" render="@all">
							          						<f:setPropertyActionListener target="#{lojistaGerenciamentoCadastroPrecos.itemRepasseSelecionado}" value="#{itRepasse}" />
							          						<img src="images/grafico.jpg" width="17" height="17" />
							          					</a4j:commandLink>
						          					</span>
									          	</td>
									        </tr>
									    </h:panelGroup>    
							        
							        </a4j:repeat>
									        
						      	</table>
						      	
						    </div>
						  	<div class="buscar_vendas_divisor1">
						    	<table width="99%" border="0" cellpadding="0" cellspacing="1">
						      		<tr id="texto_preto_normal2">
						        		<td height="26" align="right"><span id="texto_preto_normal">Totais para esta página:</span></td>
								        <td width="14%" align="center">
								        	<strong><span id="texto_preto_normal">
								        		<h:outputText value="#{lojistaGerenciamentoVendasBean.valorBrutoRepasse}" >
								        			<f:convertNumber type="currency" />
								        		</h:outputText>
								        	</span></strong>
								        </td>
								        <td width="10%" align="center">
								        	<strong><span id="texto_preto_normal">
								        		<h:outputText value="#{lojistaGerenciamentoVendasBean.taxaTotalRepasse}" >
								        			<f:convertNumber type="currency" />
								        		</h:outputText>
								        	</span></strong>
								        </td>
								        <td width="14%" align="center">
								        	<strong><span id="texto_preto_normal">
								        		<h:outputText value="#{lojistaGerenciamentoVendasBean.valorLiquidoRepasse}" >
								        			<f:convertNumber type="currency" />
								        		</h:outputText>
								        	</span></strong>
								        </td>
								        <td width="8%">&nbsp;</td>
								        <td width="8%">&nbsp;</td>
							      	</tr>
							    </table>
						  	</div>
									  
						  	<div class="inside_rodape_ranking"></div>
						  	<div class="buscar_vendas_divisor1"></div>
						  	<div class="inside_rodape_ranking2"></div>
						  	<div class="inside_rodape_ranking3" align="right">
						  		<a4j:commandLink action="#{lojistaGerenciamentoVendasBean.imprimirRepasse}">
						    		<img src="images/imprimir_small.jpg" width="48" height="24" />
						    	</a4j:commandLink>
					  		</div>
						
						
						</h:panelGroup>				
						<h:panelGroup rendered="#{lojistaGerenciamentoVendasBean.telaRepasseGrafico}" >
						
						</h:panelGroup>
						<h:panelGroup rendered="#{lojistaGerenciamentoVendasBean.telaRepasseDetalhado}" >
						
						</h:panelGroup>						      		
						    
					</h:form>
				</div>

			</h:form>
		</ui:define>
	</ui:composition>

</html>